import React from 'react';
import { Modal } from 'antd';
import { formatMessage } from 'umi';

const Index = props => {
  const {
    okText = formatMessage({ id: '确定' }), // 确认按钮文字
    cancelText = formatMessage({ id: '取消' }), // 取消按钮文字
    destroyOnClose = true, // 关闭时销毁 Modal 里的子元素
    maskClosable = false, // 点击蒙层是否允许关闭
    width = 1300, // 宽度

    title, // 标题
    visible, // 对话框是否可见
    onOk, // 点击确定回调（函数）
    onCancel, // 点击遮罩层或右上角叉或取消按钮的回调（函数）
    onClose,

    ...rest
  } = props;

  return (
    <Modal
      okText={okText}
      cancelText={cancelText}
      destroyOnClose={destroyOnClose}
      maskClosable={maskClosable}
      width={width}
      {...rest}
      title={title}
      visible={visible}
      onOk={onOk}
      onCancel={onCancel || onClose}
    />
  );
};

Object.keys(Modal).forEach(item => {
  if (!['defaultProps'].includes(item)) {
    Index[item] = Modal[item];
  }
});
Index.displayName = 'Modal';
export default Index;
